今天要來寫登入邏輯摟
咒語: const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
使用 handleLogin 檢查 users 有沒有這個帳號email 然後檢查password對不對
解構:跟他說你用的State 並且用這兩個值來寫登入邏輯
const handleLogin = async () => {
try {
const response = await fetch('http://localhost:3310/users', {
method: 'GET',
});
console.log(response,'response')
if (response.status === 200) {
const data = await response.json();
const matchingUser = data.find((user) => user.email === email && user.password === password);
if (matchingUser) {
alert('登入成功');
// 可以在這裡執行登入後的操作
} else {
alert('登入失敗,請檢查帳號密碼');
}
} else {
alert('登入時出錯誤');
}
} catch (error) {
console.error('登入時出錯:', error);
}
};
這樣我們就可以得到登入的各個alert